<div class="mainbody"><!--MainBody-->
<div class="wrap_slide"><!--Slide-->
<div class="container">
<div style="display: block;" id="featured-area"><!-- Featured Area -->
<div id="s1" class="pics">

<div
	style="background-color: rgb(0, 0, 0); position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0.7; width: 660px; height: 342px;">
<img src="images/top-slide/background_4.jpg"
	alt="Neque porro quisquam est qui" height="342" width="660">
<div class="excerpt">
<p>des 1...</p>
</div>
<a href="#" title="Permanent Link to Neque porro quisquam est qui"><span
	class="feat-overlay"></span></a></div>

<div
	style="background-color: rgb(0, 0, 0); position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1; width: 660px; height: 342px;">
<img src="images/top-slide/background_1.jpg"
	alt="Nulla aliquam commodo odio a feugia" height="342" width="660">
<div class="excerpt">
<p>des 2..</p>
</div>
<a href="#"
	title="Permanent Link to Nulla aliquam commodo odio a feugia"><span
	class="feat-overlay"></span></a></div>
<div
	style="background-color: rgb(0, 0, 0); position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0.7; width: 660px; height: 342px;">
<img src="images/top-slide/background_2.jpg"
	alt="Urna eget erat non purus" height="342" width="660">
<div class="excerpt">
<p>des 3</p>
</div>
<a href="#" title="Permanent Link to Urna eget erat non purus"><span
	class="feat-overlay"></span></a></div>
<div
	style="background-color: rgb(0, 0, 0); position: absolute; top: 0px; left: px; display: none; z-index: 3; opacity: 0.7; width: 660px; height: 342px;">
<img src="images/top-slide/background_3.jpg"
	alt="Urna eget erat non purus" height="342" width="660">
<div class="excerpt">
<p>des 4</p>
</div>
<a href="#" title="Permanent Link to Urna eget erat non purus"><span
	class="feat-overlay"></span></a></div>
</div>
<!-- end .pics -->

<div id="slider-control">
    <div class="featitem">
        <img style="opacity: 0.7;" src="images/top-slide/background_4.jpg" alt="Urna eget erat non purus" height="55" width="77">						
        <h2>Máy hút bụi công nghệ BOSCH</h2>
        <span class="meta">Posted by HMH on July 4, 2012</span>
        <span class="order">1</span>
    </div> <!-- end .featitem -->

    <div class="featitem active">
        <img style="opacity: 1;" src="images/top-slide/background_1.jpg" alt="Urna eget erat non purus" height="55" width="77">						
        <h2>Tủ lạnh, tủ đông, tủ rượu của BOSCH...</h2>
        <span class="meta">Posted by HMH on July 4, 2012</span>
        <span class="order">2</span>
    </div> <!-- end .featitem -->

    <div class="featitem">
        <img style="opacity: 0.7;" src="images/top-slide/background_2.jpg" alt="Urna eget erat non purus" height="55" width="77">						
        <h2>Thiết bị vệ sinh: máy giựt, máy rửa bát ..</h2>
        <span class="meta">Posted by HMH on July 4, 2012</span>
        <span class="order">3</span>
    </div> <!-- end .featitem -->	
    <div class="featitem">
        <img style="opacity: 0.7;" src="images/top-slide/background_3.jpg" alt="Urna eget erat non purus" height="55" width="77">						
        <h2>Dụng cụ bếp BOSCH đỉnh cao công nghệ</h2>
        <span class="meta">Posted by HMH on July 4, 2012</span>
        <span class="order">4</span>
    </div> <!-- end .featitem -->	
</div> <!-- end slider-control div -->
<div class="clear"></div>
</div>
<!-- end featured area -->
<div id="main-area-wrap"><!-- end wrapper --></div>
<!-- end main area wrap --></div>
<!-- end container --></div>
<!--Slide-->

<div class="wrap_category"><!--Category-->
        	<!--script type="text/javascript" src="js/cata-jquery-1.js"></script>
				<script type="text/javascript" src="js/cata-jquery_003.js"></script>
                <script type="text/javascript" charset="utf-8">
                var j = jQuery.noConflict();
                </script>
                <script type="text/javascript" src="js/cata-jquery.js"></script>
                <script type="text/javascript">
                jQuery(document).ready(function(){
                    jQuery("a[data-gal^='prettyPhoto']").prettyPhoto({
                        animationSpeed: 'normal',
                        padding: 40,
                        opacity: 0.35,
                        showTitle: true,
                        allowresize: true,
                        counter_separator_label: '/',          
                        theme: 'facebook' 
                    });
                });
                </script>
				<script type="text/javascript">
                jQuery(document).ready(function(){
                    jQuery('#slider-stage').carousel('#previous', '#next');
                    jQuery('#viewport').carousel('#simplePrevious', '#simpleNext');  
                });
                
                //The auto-scrolling function
                function slide(){
                        j('#simpleNext').click();
                }
                //Launch the scroll every 2 seconds
                var intervalId = window.setInterval(slide, 2000);			
                //On user click deactivate auto-scrolling
                j('#previous, #simpleNext').click(
                    function(event){
                        if(event.originalEvent){
                            window.clearInterval(intervalId);
                        }
                    }
                );
                </script-->
                <div class="index_block specials"><!--SlideCategory-->
                <h2>Catalogue</h2>
                    <div class="specials_holder">
                        <!--a href="javascript:void(0);" class="prev" id="simplePrevious"></a>
                        <a href="javascript:void(0);" class="next" id="simpleNext"></a>
                        <div id="viewport">
                            <ul style="width: 2550px; left: -765px;">
                                <li>
                                    <a href="#" title="Eiusmod tempor incididunt ut " class="product-image">
                                        <img src="images/catalogue/maysay.jpg" alt="Eiusmod tempor incididunt ut "  >
                                    </a>
                                    <h3 class="product-name">
                                        <a href="#" title="Eiusmod tempor incididunt ut ">Máy sấy
                                        </a>
                                    </h3>
                                </li>        
                            
                                <li>
                                    <a href="#" title="Eiusmod tempor incididunt ut " class="product-image">
                                        <img src="images/catalogue/ruabat.jpg" alt="Eiusmod tempor incididunt ut "  >
                                    </a>
                                    <h3 class="product-name">
                                        <a href="#" title="Eiusmod tempor incididunt ut ">Máy rửa bát
                                        </a>
                                    </h3>
                                </li>
                                    
                                <li>
                                    <a href="#" title="Eiusmod tempor incididunt ut " class="product-image">
                                        <img src="images/catalogue/tulanh.jpg" alt="Eiusmod tempor incididunt ut "  >
                                    </a>
                                    <h3 class="product-name">
                                        <a href="#" title="Eiusmod tempor incididunt ut ">Tủ lạnh, tủ đông
                                        </a>
                                    </h3>
                                </li>	
                                
                                <li>
                                    <a href="#" title="Eiusmod tempor incididunt ut " class="product-image">
                                        <img src="images/catalogue/maygiat.jpeg" alt="Eiusmod tempor incididunt ut "  >
                                    </a>
                                    <h3 class="product-name">
                                        <a href="#" title="Eiusmod tempor incididunt ut ">Máy giặt - Sấy
                                        </a>
                                    </h3>
                                </li>
                                
                                <li>
                                    <a href="#" title="Eiusmod tempor incididunt ut " class="product-image">
                                        <img src="images/catalogue/lovisong.jpeg" alt="Eiusmod tempor incididunt ut "  >
                                    </a>
                                    <h3 class="product-name">
                                        <a href="#" title="Eiusmod tempor incididunt ut ">Lò vi sóng
                                        </a>
                                    </h3>
                                </li>
                                
                                <li>
                                    <a href="#" title="Eiusmod tempor incididunt ut " class="product-image">
                                        <img src="images/catalogue/mayhutmui.jpg" alt="Eiusmod tempor incididunt ut "  >
                                    </a>
                                    <h3 class="product-name">
                                        <a href="#" title="Eiusmod tempor incididunt ut ">Máy hút mùi
                                        </a>
                                    </h3>
                                </li>
                                                                
                                <li>
                                    <a href="#" title="Eiusmod tempor incididunt ut " class="product-image">
                                        <img src="images/catalogue/matbep.jpg" alt="Eiusmod tempor incididunt ut "  >
                                    </a>
                                    <h3 class="product-name">
                                        <a href="#" title="Eiusmod tempor incididunt ut ">Mặt bếp từ
                                        </a>
                                    </h3>
                                </li>
                                                                
                                <li>
                                    <a href="#" title="Eiusmod tempor incididunt ut " class="product-image">
                                        <img src="images/catalogue/mayhutbui.jpg" alt="Eiusmod tempor incididunt ut "  >
                                    </a>
                                    <h3 class="product-name">
                                        <a href="#" title="Eiusmod tempor incididunt ut ">Máy hút bụi
                                        </a>
                                    </h3>
                                </li>
                             </ul>
                         </div--> 
                        <marquee class="marquee" onmouseout="this.start()" onmouseover="this.stop()" scrolldelay="1" scrollamount="3" direction="right" behavior="alternate">
                            	<div class="element-cata">
                                    <img id="resize-140" src="images/product/1.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                <div class="element-cata">
                                    <img id="resize-140" src="images/product/2.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                <div class="element-cata">
                                    <img id="resize-140" src="images/product/1.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                <div class="element-cata">
                                    <img id="resize-140" src="images/product/2.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                <div class="element-cata">
                                    <img id="resize-140" src="images/product/3.jpg" />
                                    <h4> ban la</h4>
                                </div><div class="element-cata">
                                    <img id="resize-140" src="images/product/4.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                <div class="element-cata">
                                    <img id="resize-140" src="images/product/1.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                <div class="element-cata">
                                    <img id="resize-140" src="images/product/2.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                </div><div class="element-cata">
                                    <img id="resize-140" src="images/product/4.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                <div class="element-cata">
                                    <img id="resize-140" src="images/product/1.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                <div class="element-cata">
                                    <img id="resize-140" src="images/product/2.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                </div><div class="element-cata">
                                    <img id="resize-140" src="images/product/4.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                <div class="element-cata">
                                    <img id="resize-140" src="images/product/1.jpg" />
                                    <h4> ban la</h4>
                                </div>
                                <div class="element-cata">
                                    <img id="resize-140" src="images/product/2.jpg" />
                                    <h4> ban la</h4>
                                </div>
                        </marquee>
                    </div>
                </div><!--EndSlideCategory-->
        </div><!--Category-->


<div class="content"><!--Content-->
<div class="left_content">
				<a href="#" class="banners-top-link">
                    <div class="content_feature2">
                    	<div class="img_feature"><img src="images/feature/1.jpg" /></div>
                        <div class="noidung_feature">
                        Bosch hơi bếp: Vị trí số 1 tại Warentest Foundation.
                        </div>

                    </div>
                    <strong class="banners-top-name">
                    	<span>Đỉnh cao của công nghệ</span>
                    </strong>
                </a>
                
                <a href="#" class="banners-top-link">
                    <div class="content_feature2">
                    	<div class="img_feature"><img src="images/feature/catalo.jpg" /></div>
                        <div class="noidung_feature">
                        Tính tiết kiệm và an toàn của thiết bị rõ ràng hơn.
                        </div>
                    </div>
                    <strong class="banners-top-name">
                    	<span>Mặt bếp</span>
                    </strong>
                </a>
                
                <a href="#" class="banners-top-link">
                    <div class="content_feature2">
                    	<div class="img_feature"><img src="images/feature/cer.jpg" /></div>
                        <div class="noidung_feature">
                        Hiệu quả sử dụng năng lượng của thiết bị rõ ràng hơn.
                        </div>
                    </div>
                    <strong class="banners-top-name">
                    	<span>Năng lượng Label</span>
                    </strong>
                </a>
                
                <a href="#" class="banners-top-link">
                    <div class="content_feature2">
                    	<div class="img_feature"><img src="images/feature/services.jpg" /></div>
                        <div class="noidung_feature">
                        Tư vấn sử dụng miễn phí nhằm nâng cao chất lượng phục vụ.
                        </div>

                    </div>
                    <strong class="banners-top-name">
                    	<span>Dịch vụ</span>
                    </strong>
                </a>
                
                
                <a href="#" class="banners-top-link">
                    <div class="content_feature2">
                    	<div class="img_feature"><img src="images/feature/location.jpg" /></div>
                        <div class="noidung_feature">
                        Đại lý, cửa hàng dịch vụ sẽ được tìm thấy tại đây.
                        </div>
                    </div>
                    <strong class="banners-top-name">
                    	<span>Mua ở đâu</span>
                    </strong>
                </a>
                
                <a href="#" class="banners-top-link">
                    <div class="content_feature2">
                    	<div class="img_feature"><img src="images/feature/def.jpg" /></div>
                        <div class="noidung_feature">
                         Chất lượng vượt trội, chống rỉ set của thùng chứa bên trong trên 10 năm.
                        </div>
                    </div>
                    <strong class="banners-top-name">
                    	<span>Máy rửa chén</span>
                    </strong>
                </a>
           
                <!--div class="element_feature">
                	<div class="title_feature"><h2>Đỉnh cao của công nghệ</h2></div>
                    <div class="content_feature">
                    	<div class="img_feature"><img src="images/feature/1.jpg" /></div>
                        <div class="noidung_feature">
                        Bosch hơi bếp: Vị trí số 1 tại Warentest Foundation.
                        </div>
                        <a href="#"><div class="btn_chitiet"> Chi tiết </div></a>
                    </div>
                </div>
                
                <div class="element_feature">
                	<div class="title_feature"><h2>Mặt bếp</h2></div>
                    <div class="content_feature">
                    	<div class="img_feature"><img src="images/feature/catalo.jpg" /></div>
                        <div class="noidung_feature">
                        
                        Tính tiết kiệm và an toàn của thiết bị rõ ràng hơn.
                        </div>
                        <a href="#"><div class="btn_chitiet"> Chi tiết </div></a>
                    </div>
                </div>
                
                <div class="element_feature">
                	<div class="title_feature"><h2>Năng lượng Label</h2></div>
                    <div class="content_feature">
                    	<div class="img_feature"><img src="images/feature/cer.jpg" /></div>
                        <div class="noidung_feature">
                        Hiệu quả sử dụng năng lượng của thiết bị rõ ràng hơn.
                        </div>
                        <a href="#"><div class="btn_chitiet"> Chi tiết </div></a>
                    </div>
                </div>
                
                <div class="element_feature">
                	<div class="title_feature"><h2> Dịch vụ</h2></div>
                    <div class="content_feature">
                    	<div class="img_feature"><img src="images/feature/services.jpg" /></div>
                        <div class="noidung_feature">
                        Tư vấn sử dụng miễn phí nhằm nâng cao chất lượng phục vụ.
                        </div>
                        <a href="#"><div class="btn_chitiet"> Chi tiết </div></a>
                    </div>
                </div>
                
                <div class="element_feature">
                	<div class="title_feature"><h2> Mua ở đâu</h2></div>
                    <div class="content_feature">
                    	<div class="img_feature"><img src="images/feature/location.jpg" /></div>
                        <div class="noidung_feature">
                        Đại lý, cửa hàng dịch vụ sẽ được tìm thấy tại đây.
                        </div>
                        <a href="#"><div class="btn_chitiet"> Chi tiết </div></a>
                    </div>
                </div>
                
                <div class="element_feature">
                	<div class="title_feature"><h2> máy rửa chén</h2></div>
                    <div class="content_feature">
                    	<div class="img_feature"><img src="images/feature/def.jpg" /></div>
                        <div class="noidung_feature">
                        Chất lượng vượt trội, chống rỉ set của thùng chứa bên trong trên 10 năm.
                        </div>
                        <a href="#"><div class="btn_chitiet"> Chi tiết </div></a>
                    </div>
                </div-->
            </div>
            
            
            <?php
			include "templates/support.php";
			?>
        </div>
<!--Content--></div>
<script type="text/javascript" src="js/top-slide/superfish.js"></script>
<script type="text/javascript" src="js/top-slide/jquery.js"></script>
<script type="text/javascript">
//<![CDATA[
	jQuery(function(){
		var $featured_area = jQuery('#featured-area');
		var $featured_item = jQuery('#featured-area div#slider-control div.featitem');
		var $slider_control = jQuery('#featured-area div#slider-control');
		var $image_container = jQuery('div#s1 > div');
		var ordernum;
		var pause_scroll = false;
			
		$featured_item.find('img').fadeTo("fast", 0.7);
		$slider_control.find("div.featitem.active img").fadeTo("fast", 1);
		$image_container.css("background-color","#fff");
		
		$image_container.hover(
			function () {
				jQuery(this).find("img").fadeTo("fast", 0.7);
			}, 
			function () {
				jQuery(this).find("img").fadeTo("fast", 1);
			}
		);
		
		function gonext(this_element){
			$slider_control.find("div.featitem.active img").fadeTo("fast", 0.7);
			$slider_control.find("div.featitem.active").removeClass('active');
			this_element.addClass('active');
			$slider_control.find("div.featitem.active img").fadeTo("fast", 1);
			ordernum = this_element.find("span.order").html();
			jQuery('#s1').cycle(ordernum - 1);
		} 
		
		$featured_item.click(function() {
			clearInterval(interval);
			gonext(jQuery(this)); 
			return false;
		});
		
		var auto_number;
		var interval;
		
		$featured_item.bind('autonext', function autonext(){
			if (!(pause_scroll)) gonext(jQuery(this)); 
			return false;
		});

		interval = setInterval(function () {
			auto_number = $slider_control.find("div.featitem.active span.order").html();
			if (auto_number == $featured_item.length) auto_number = 0;
			$featured_item.eq(auto_number).trigger('autonext');
		}, 5000);
	});
//]]>	
</script>

<script type="text/javascript">
jQuery(function(){
	jQuery('#s1').cycle({
		timeout: 0, 
		speed: 300,
		fx: 'fade'
	});
});
</script>
